<template>
	<view class="content">
<!-- 		<UserInfo username="咸虾米" avatar="../../static/logo.png"></UserInfo>
		<UserInfo ></UserInfo>
		<UserInfo username="B"></UserInfo>
		<UserInfo username="B"></UserInfo> -->
<!-- 		<xxm-layout>
			<view class="row" v-for="item in 10">每一行{{item}}</view>
			<template></template>
		</xxm-layout>
	</view>
	<view class="title">还有吗？</view> -->
	<fsq-hello>
	</fsq-hello>
	</view>
</template>

<script>
	// import { ref, onMounted } from 'vue';
	export default {
		
		data() {
			return {
				title: 'Hello-World',
				currentTime: '',
				// number:ref(1)
				number:1
			}
		},
		created() {
			this.updateTime();
			setInterval(this.updateTime, 1000); // 每秒更新一次时间
		},
		onLoad() {

		},
		methods: {
			onClick(){
				this.number++;
			},
			fn(){
				return "Hello";
			},
			fn_add(a,b){
				return a+b;
			},
			updateTime() {
			    const now = new Date();
			    this.currentTime = now.toLocaleTimeString(); // 或者使用其他格式化方式
				// console.log(this.currentTime);
			},
			onConfirm(e){
				console.log(e);
			},
			onSubmit(e){
				console.log(e);
			}
		}
	}
</script>

<style lang="scss">
	.row{
	
	}
	.content {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
	}

	.logo {
		height: 325rpx;
		width: 200rpx;
		margin-top: 200rpx;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 50rpx;
	}

	.text-area {
		display: flex;
		justify-content: center;
	}

	.title {
		font-size: 36rpx;
		color: $custom-color-1;
	}

	.hover_title {
		background-color: red;
		width: 400px;
	}
</style>